/**
 * 目标1：验证码登录
 * 1.1 在 utils/request.js 配置 axios 请求基地址
 * 1.2 收集手机号和验证码数据
 * 1.3 基于 axios 调用验证码登录接口
 * 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
 */

//1.2 收集手机号和验证码数据
document.querySelector('.btn').addEventListener('click', ()=>{
    //运用serialize插件收集表单的值
    //先获取表单标签对象
    const form = document.querySelector('.login-form')
    //接受获得的值
    const data = serialize(form , {hash:true,empty:true})
    console.log(data);

    if(data.mobile.length !== 11){
        myAlert(false,"手机号的长度为11位")
        return
    }
    if(data.code.length !== 6){
        myAlert(false,"验证码的长度为6位")
        return
    }
    //1.3 基于 axios 调用验证码登录接口
    axios({
        url:`${axios.defaults.baseURL}/v1_0/authorizations`,
        method:'POST',
        data:data
    }).then(result => {
        console.log(result);
        //成功弹窗
        myAlert(true,'登陆成功')

        //1.2 登录成功后，保存 token 令牌字符串到本地，并跳转到内容列表页面
        localStorage.setItem('token',result.data.token)
        setTimeout(()=>{
            location.href = '../content/index.html'
        },500)
        
    }).catch(error => {
        //失败弹窗
        myAlert(false,error.response.data.message)
        console.dir(error.response.data.message);
    })
})
